@import '@/styles/variables.scss';

.container {
  width: 100%;
  height: 700px;
  .container-ul {
    width: 100%;
    height: 614px;
    @import "@/styles/scrollbalStyle.scss";
    overflow-y: auto;
    box-sizing: border-box;
    padding: 25px 25px;
    li {
      width: 100%;
      margin-bottom:30px ;
      cursor: pointer;
      .container-time {
        width: 100%;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-size: 14px;
        font-weight: 400;
        color: #999999;
      }

      .container-box {
        width: 100%;
        min-height: 103px;
        display: flex;
        justify-content: space-between;

        .container-left {
          width: 48px;
          height: 48px;
          background: #52ABBB;
          border-radius: 4px;
          cursor: pointer;
          text-align: center;
          line-height: 48px;

          .bell {
            font-size: 26px;
            line-height: 48px;
            color: #ffffff;
          }
        }

        .container-right {
          width: 100%;
          height: auto;
          background: #F5F5F5;
          border-radius: 4px;

          .container-title {
            width: 100%;
            padding: 0 0 0 23px;
            box-sizing: border-box;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: space-between;

            .container-right-time {
              font-size: 16px;
              font-weight: 500;
            }

          }

          .container-text {
            text-indent: 2em;
            width: 95%;
            margin: 0 23px 23px 23px;
            height: auto;
            box-sizing: border-box;
            letter-spacing: 2px;
            font-size: 14px;
            font-weight: 400;
            color: #333333;
            line-height: 20px;
          }
        }
      }

    }
  }

  .pages {
    padding: 25px 25px;
  }
}
